<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="layout_3.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="content">
        <f:view>
            <h:form id="form">
                <center>
                    <a4j:commandButton  id="wyszukaj" action="#{ujemneSaldo.getListaSald}" value="Odśwież"  render="table"/><br/><br/>
                    <rich:dataTable   value="#{ujemneSaldo.dataList}" var="item" id="table" rows="30">
                        <f:facet name="noData">
                            Brak długów - odśwież aby uaktualnić.
                        </f:facet>
                        <rich:column style="width:75px">
                            <f:facet name="header">               
                                <h:outputText value="Id. biblioteczny:" />
                            </f:facet>
                            <h:outputText value="#{item.id}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Imie:" />
                            </f:facet>
                            <h:outputText value="#{item.imie}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Nazwisko:" />
                            </f:facet>
                            <h:outputText value="#{item.nazwisko}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Saldo:" />
                            </f:facet>
                            <h:outputText value="#{item.saldo}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Akcja:" />
                            </f:facet>
                            <a4j:commandButton id="zaplac" style="width:100px;" value="Zapłata" oncomplete="#{rich:component('popup')}.show()" render="popup">  
                                <f:setPropertyActionListener value="#{item}" target="#{ujemneSaldo.saldo}" />
                            </a4j:commandButton><br/>
                            <a4j:commandButton id="zeruj" style="width:100px;" value="Zeruj" oncomplete="#{rich:component('popup2')}.show()">  
                                <f:setPropertyActionListener value="#{item}" target="#{ujemneSaldo.saldo}" />
                            </a4j:commandButton>
                        </rich:column>
                    </rich:dataTable>
                    <rich:dataScroller for="table" maxPages="5" />   
                </center>    
                <rich:messages/>
            </h:form>

            <rich:popupPanel id="popup" modal="false" autosized="true" resizeable="false">
                
                    <f:facet name="header">
                        <h:outputText value="Nowa wpłata" />
                    </f:facet>
                    <f:facet name="controls">
                        <h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
                            X
                        </h:outputLink>
                    </f:facet>
                    Operacja ta dokona wpłaty na rachunek użytkownika.<br/>
                    Przycisk "Zapłać" należy kliknąć dwukrotnie <br/>
                    Wprowadź kwotę wpłaty: 
                    <h:form>
                    <h:inputText value="#{ujemneSaldo.saldo.saldo}" validatorMessage="Niepoprawny format kwoty: x.xx"/>
                    <br/><br/>
                    <a4j:commandButton value="Zapłać" style="width:100px;" action="#{ujemneSaldo.wplac}"  ondblclick="#{rich:component('popup')}.hide()"/>
                    <a4j:commandButton value="Anuluj" style="width:100px;" onclick="#{rich:component('popup')}.hide()"/>
                    <rich:messages/>
                </h:form>
            </rich:popupPanel>   



            <rich:popupPanel id="popup2" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Wyzeruj saldo użytkownika" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popup2')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                Operacja ta wyzeruje saldo użytkownika (usunie długi).<br/> Czy chcesz kontynuować ?<br/>
                <a4j:commandButton value="tak" action="#{ujemneSaldo.zeruj}" onclick="#{rich:component('popup2')}.hide()" />
                <a4j:commandButton value="nie" onclick="#{rich:component('popup2')}.hide()"/>
                <rich:messages/>
            </rich:popupPanel>   


        </f:view>
    </ui:define>

</ui:composition>
